<!doctype html>
<html lang="en">
{include file='head'/}
<body>
<!--S 头部-->
{include file='header'/}
<style type="text/css">
    body {
        background: #f6f6f6;
    }
</style>
<div class="headline-bg"></div>
<div class="main" style="position: relative;">
    <div class="w1200">
        <div class="container-top">
            <h2>{cms:cate field="name" id="$cid"/}<span>{cms:cate field="dirname" id="$cid"/}</span></h2>
            <!--S 面包屑 -->
            <div class="bread-nav">
                {cms:position class="active_a" symbol=">" catid="$cid" isclick="1"/}
            </div>
            <!--E 面包屑 -->
        </div>
        <div class="content newsPage">
            <!--S 左侧栏目 -->
            {include file='left'/}
            <!--E 左侧栏目 -->
            <!--S 右侧内容 -->
            <div class="content-right">
                <!--S 文章列表-->
                <ul class="list">
                    {cms:content item="vo" field="id,thumb,title,description,publish_time,url" catid="$cid" model_id="1" num="10" order="id desc" key="key" page="1" insub="1"}
                    <li class="item clearfix">
                        <a href="{$vo.url}" title="{$vo.title}"><img class="fl" src="{$vo.thumb}" alt="{$vo.title}">
                            <div class="time fr"><span class="day">{:date('m-d',$vo.publish_time)}</span><span class="year">{:date('Y',$vo.publish_time)}</span></div>
                            <h3>{$vo.title}</h3>
                            <div class="txt">{$vo.description}</div>
                        </a>
                    </li>
                    {/cms:content}

                    <div id="page">
                        {cms:contentpage item="home,pre,pageno,next,last,info" pre="&laquo;" next="&raquo;" /}
                    </div>
                </ul>
                <!--E 文章列表-->
            </div>
            <!--E 右侧内容 -->
        </div>
    </div>
</div>
<script type="text/javascript">
  $(function() {
    $(document).on("click", ".btn-loadmore", function() {
      var that = this;
      var page = parseInt($(this).data("page"));
      page++;
      $(that).prop("disabled", true);
      $.ajax({
        url: $(that).attr("href"),
        type: "post",
        success: function(res) {
          $('.list').append(res.data);
          $(that).remove();
          return false;
        },
      });
      return false;
    })
  });
</script>
<!--S 底部-->
{include file='footer'/}
<!--E 底部-->
</body>
</html>
